@media screen and (max-width: 767px){
    .navbar-nav1{
        display: block;
    }
    .navbar-nav2{
        display: none;
    }
    .aside{
        width: 100%;
       }
    .sidebar {
        width: 100%;
        height: auto;
        position: relative;
      }
      div.content {margin-left: 0;}
}
@media screen and (max-width: 863px) {
   .logo-img{
    width: 40px;
    height: 40px;
    margin-top: 10px;
   }
   .logo-text{
    font-size: 17px;
    line-height: 60px;
   }
   .head-text{
    margin-top: 5px;
   }
   .user-info{
    margin-right: 15px;
    margin-top: 10px;
   }
   .user-img{
    width: 40px;
    height: 40px;
   }
   .aside{
    width: 175px;
   }
   .sidebar{
    width: 175px;
    height: 100%;
   }
   
}
@media screen and (min-width: 863px){
    div.content {
        padding: 1px 120px !important;
      }
}

  @media screen and (max-width: 576px) {
    .aside{
        width: 100%;
       }
       .sidebar{
        width: 100%;
        display: none;
       }
       .sidebar a {
        text-align: center;
        float: none;
      }
      .sidebar1{
        width: 100%;
      }
      .col-7{
        max-width: 100%;
      }
      .navbar-toggler{
        display: block;
      }
      div.content {
        padding: 1px 0px !important;
        margin-left: 20px;
        margin-top: 10px;
      }
  }

  @media screen and (max-width: 1200px) {
    div.content {
        padding: 1px 90px;
      }
  }
